{% extends 'frame/base.html' %} {% load staticfiles %} {% block title_block %} 任务监控 {% endblock %}
{% block mystyle_css %}
    <style type="text/css">
        .todo-list > li p {
            width: 100%;
            padding: 15px 0 10px 35px;
        }
    </style>
{% endblock %} {% block body_block %}
    <div class="main">
        <!-- MAIN CONTENT -->
        <div class="main-content">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel">
                            <div class="panel-heading">
                                <span class="ion-md-flag" id="title">任务监控</span>
                            </div>
                            <hr style="FILTER: alpha(opacity=100,finishopacity=0,style=3);margin-top: 0px;" width="100%"
                                color=#987cb9 SIZE=3>
                            <div id="search-bar" class="row">
                                <div class="col-sm-2 col-md-1 col-lg-1 input">
                                    <input type="text" class="form-control" id="search_name" placeholder="任务名称">
                                </div>
                                <a href="#" class="btn btn-sm btn-success search" id="search_btn">搜索</a>
                            </div>
                            <div class="table-responsive" id="monitor_list_table">
                                <table class="table table-hover">
                                    <thead>
                                    <tr class="success">
                                        <th>任务名称</th>
                                        <th>用例名称</th>
                                        <th>状态</th>
                                        <th>接收时间</th>
                                        <th>开始时间</th>
                                        <th>运行时间</th>
                                        <th>结果</th>
                                    </tr>
                                    </thead>
                                    <tbody id="monitor_list_body">
                                    </tbody>
                                </table>
                            </div>
                            <nav aria-label="Page navigation" id="page_navigation_wrapper">
                                <ul class="pagination">
                                    <li id="pre_page_wrapper">
                                        <a aria-label="Previous" id="pre_page" href="#">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a id="page1" style="cursor: pointer;">1</a>
                                    </li>
                                    <li>
                                        <a id="page2" style="cursor: pointer;">2</a>
                                    </li>
                                    <li>
                                        <a id="page3" style="cursor: pointer;">3</a>
                                    </li>
                                    <li>
                                        <a id="page4" style="cursor: pointer;">4</a>
                                    </li>
                                    <li>
                                        <a id="page5" style="cursor: pointer;">5</a>
                                    </li>
                                    <li style="display: none;">
                                        <a id="page_curr">1</a>
                                    </li>
                                    <li id="next_page_wrapper">
                                        <a aria-label="Next" id="next_page" href="#">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="{% static '/frame/js/utils.js' %}"></script>
    <script src="{% static '/frame/js/pageIndicator.js' %}"></script>
    <script src="{% static '/frame/js/router.js' %}"></script>
    <script src="{% static '/api/js/netutils.js' %}"></script>
    <script src="{% static '/api/js/task_monitor.js' %}"></script>
    <link rel="stylesheet/less" href="{% static '/api/less/task_monitor.less' %}"/>
    <!-- END MAIN CONTENT -->
{% endblock %}